/* VideoEmbed.css */
.video-embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  background-color: #000;
}

.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-embed__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-white);
  cursor: pointer;
}

.video-embed__play-btn {
  font-size: 4rem;
  color: var(--color-accent);
  transition: var(--transition);
}

.video-embed__placeholder:hover .video-embed__play-btn {
  transform: scale(1.1);
  color: var(--color-accent-light);
}